{% extends 'base.html' %}

{% load static %}

{% block title %}
{{ user.first_name }}
{% endblock %}

{% block css %}
{{ block.super }}
<link rel="stylesheet" type="text/css" href="{% static 'css/accounts.css' %}">
{% endblock %}

{% block content %}
<div class="columns" style="margin-top: 16px;" id="navbar">
    <div class="column col-6 col-lg-8 col-md-10 col-sm-12 col-lg-auto col-md-auto col-sm-auto col-mx-auto">

        <form enctype="multipart/form-data" action="/common/video/upload" method="post" id="video_form" novalidate="">
            {% csrf_token %}
            <div>
                <fieldset class="module aligned ">
                    <div class="form-row field-user">
                        <div>
                            <label class="required" for="id_user">User:</label>
                            <div class="related-widget-wrapper">
                                <select id="id_user" name="user">
                                    <option value="" selected="selected">---------</option>
                                    <option value="3">13200000001</option>
                                    <option value="4">13200000002</option>
                                    <option value="5">13200000003</option>
                                    <option value="6">13200000004</option>
                                    <option value="2">18611959492</option>
                                    <option value="1">wuxinting</option>
                                </select>


                                <a class="related-widget-wrapper-link change-related" id="change_id_user"
                                   data-href-template="/admin/auth/user/__fk__/?_to_field=id&amp;_popup=1"
                                   title="Change selected user">
                                    <img src="/static/admin/img/icon_changelink.gif" width="10" height="10"
                                         alt="Change">
                                </a>


                                <a class="related-widget-wrapper-link add-related" id="add_id_user"
                                   href="/admin/auth/user/add/?_to_field=id&amp;_popup=1" title="Add another user">
                                    <img src="/static/admin/img/icon_addlink.gif" width="10" height="10" alt="Add">
                                </a>


                            </div>


                        </div>

                    </div>

                    <div class="form-row field-title">

                        <div>
                            <label class="required" for="id_title">Title:</label>

                            <input class="vTextField" id="id_title" maxlength="64" name="title" type="text">
                        </div>

                    </div>

                    <div class="form-row field-size">


                        <div>


                            <label class="required" for="id_size">Size:</label>

                            <input class="vTextField" id="id_size" maxlength="16" name="size" type="text">


                        </div>

                    </div>

                    <div class="form-row field-duration">


                        <div>


                            <label class="required" for="id_duration">Duration:</label>

                            <input id="id_duration" name="duration" step="any" type="number">


                        </div>

                    </div>

                    <div class="form-row field-url">
                        <div>
                            <label class="required" for="id_url">Url:</label>

                            <input id="id_url" name="video" type="file">
                        </div>

                    </div>

                    <div class="form-row field-cover">
                        <div>
                            <label class="required" for="id_cover">Cover:</label>

                            <input id="id_cover" name="cover" type="file">
                        </div>
                    </div>

                </fieldset>


                <div class="submit-row">
                    <input type="submit" value="Save" class="default" name="_save">
                </div>

            </div>
        </form>
    </div>

</div>
{% endblock %}

{% block javascript %}
{{ block.super }}
<script type="text/javascript" src="{% static 'js/accounts.js' %}"></script>
{% endblock %}